<?php
use yii\helpers\Html;
use yii\helpers\Url;
use yii\widgets\LinkPager;
?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>项目概况</title>
    <!--<meta name="description" content="这是主页">-->
    <meta name="keywords" content="form">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="css/chinaz.css">
    <link rel="stylesheet" href="css/amazeui.swiper.min.css">

    <link rel="stylesheet" href="css/style.css" type="text/css"/>

    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="css/amazeui.slick.min.css">
    -->
    <!--<link rel="icon" type="image/png" href="assets/i/favicon.png">
    -->
    <!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    -->
    <!--<meta name="apple-mobile-web-app-title" content="Amaze UI" />
    -->
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/layout.css"/>
    <script src="assets/js/jquery.min.js"></script>

    <!--<link rel="stylesheet" href="assets/css/admin.css">--></head>
<body>
<style>
    .objDetail {
        width: 25%;
        border-bottom: 1px solid #7c7c7c;
        /*margin-left:1%;*/
        float: left;
        margin-bottom: 20px;
        padding-top: 16px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .am-pagination li a {
        border-radius: 4px;
        background-color: #dfe5e9;
        color: #7f8c8d;
    }

    .shade:after {
        opacity: 1.0;
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        border: 1px solid rgba(0, 0, 0, 0.05)
    }

    #infoHead {
        /*filter: url(blur.svg#blur); !* FireFox, Chrome, Opera *!*/

        /*-webkit-filter: blur(10px); !* Chrome, Opera *!*/
        /*-moz-filter: blur(10px);*/
        /*-ms-filter: blur(10px);*/
        /*filter: blur(10px);*/
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-position: left;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/InfoBack.png");
        /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://k.baobaoke.com/images/2009_mayday.png",sizingMethod="scale");        !*position: absolute;*!*/
        /*z-index: 0;*/
    }

    .personInfo a, .personInfo a:hover, .personInfo a:active, .personInfo a:after {
        color: white;
    }

    .unClick {
        background-color: #55B6E4;
    }

    .canClick {
        background-color: #99d3ef;
    }

    .beClick {
        background-color: #5790AC;
    }

    .unClick, .canClick {
        padding-bottom: 6px;
        padding-top: 6px;
    }

    .projectTable tr {
        height: 50px;
    }

    .projectTable {
        border: 1px solid #9aabb7;
        text-align: center;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .projectTable td {
        border: 1px solid #9aabb7;
    }

    .blue {
        color: #3A99DB;
    }

    .red {
        color: red;
    }

    .gary {
        color: gray
    }
</style>
<script>
    $('#uuuuu').height(window.screen.width * 0.22);
</script>
<!--<div style="background-color: #FFFFFF;height: 60px">-->
<!--    <img src="img/logo-06.png" id="layoutLogo" style="float: left;margin-left: 5%;margin-right: 30px">-->
<!--    <div id='cssmenu' style="float: left">-->
<!--        <ul>-->
<!---->
<!--            <li>-->
<!--                <a href=-->
<!--                --><?//= Url::toRoute('index/show'); ?>
<!--                >首页</a>-->
<!--            </li>-->
<!---->
<!--            <li class="active">-->
<!--                <a href=-->
<!--                --><?//= Url::toRoute('project/show'); ?>
<!--                >创业项目</a>-->
<!--            </li>-->
<!--            <li class=' has-sub'>-->
<!--                <a href=-->
<!--                --><?//= Url::toRoute('raised/show'); ?>
<!--                >项目聚幕</a>-->
<!--                <ul>-->
<!--                    <li class='has-sub sub-li'>-->
<!--                        <a href=-->
<!--                        --><?//= Url::toRoute('raised/show'); ?>
<!--                        >投资聚募</a>-->
<!--                    </li>-->
<!--                    <li class='has-sub sub-li'>-->
<!--                        <a href=-->
<!--                        --><?//= Url::toRoute('raised/select'); ?>
<!--                        >我要融资</a>-->
<!---->
<!--                    </li>-->
<!--                </ul>-->
<!--            </li>-->
<!--            <li class=' has-sub'>-->
<!--                <a href=-->
<!--                --><?//= Url::toRoute('basic-service/show-activity'); ?>
<!--                >基础服务</a>-->
<!--                <ul>-->
<!--                    <li class='has-sub sub-li'>-->
<!--                        <a href=-->
<!--                        --><?//= Url::toRoute('basic-service/show-activity'); ?>
<!--                        >线下活动</a>-->
<!--                    </li>-->
<!--                    <li class='has-sub sub-li'>-->
<!--                        <a href=-->
<!--                        --><?//= Url::toRoute('basic-service/show-information'); ?>
<!--                        >创业资讯</a>-->
<!--                    </li>-->
<!--                    <li class='has-sub sub-li'>-->
<!--                        <a href=-->
<!--                        --><?//= Url::toRoute('basic-service/show-business'); ?>
<!--                        >工商注册</a>-->
<!--                    </li>-->
<!--                    <li class='has-sub sub-li'>-->
<!--                        <a href=-->
<!--                        --><?//= Url::toRoute('basic-service/show-finance'); ?>
<!--                        >财务代办</a>-->
<!--                    </li>-->
<!--                    <li class='has-sub sub-li'>-->
<!--                        <a href=-->
<!--                        --><?//= Url::toRoute('basic-service/show-law'); ?>
<!--                        >法务咨询</a>-->
<!--                    </li>-->
<!--                </ul>-->
<!--            </li>-->
<!--        </ul>-->
<!--    </div>-->
<!--    <div class="isLogin">-->
<!--        <ul>-->
<!--            <li>-->
<!--                <img src="img/join.png">-->
<!--                <span>免费注册</span>-->
<!--            </li>-->
<!--            <li>-->
<!--                <img src="img/login.png" style="margin-top: -4px">-->
<!--                <span style="color: #3A99DB">登陆</span>-->
<!--            </li>-->
<!--        </ul>-->
<!--    </div>-->
<!--</div>-->
<div class="contextDiv">

    <div style="width: 88%;margin: 0 auto;background-color: rgb(71,166,220);">
        <div class="context-Nav" style="margin-top: -20px">
            <span style="margin-left: 10px">当前位置:首页>创业项目></span>
            <span style="color:white">项目概况</span>
        </div>
    </div>
    <div style="width: 40%;margin-left: 30%;background-color: inherit">
        <div style="background-color: rgb(134,198,234);height: 60px;padding-top: 12px">
            <span style="font-size: 20px;margin-left: 20px">
            <?= Html::encode($project->title) ?>
            </span>

            <c style="color: white;float: right;margin-right: 20px">
                <img src="img/eyes.png" style="width:20px;margin-left: 10px;margin-top:-4px;margin-right: 2px">
                    <?= Html::encode($project->read_num) ?>
                <img src="img/talk.png" style="width:20px;margin-left: 10px;margin-top:-2px;margin-right: 4px">
                    <?= Html::encode($project->comment_num) ?>
                    <a href="
                    <?php
                    $pr_id = $_GET["pr_id"];
                    echo Url::toRoute(['project/like','pr_id' => $pr_id]); 
                    ?>
                    ">
                <img src="img/love.png" style="width:16px;margin-left: 10px;margin-top:-2px;;margin-right: 4px"></a>
                    <?= Html::encode($project->like_num) ?>
            </c>
            <div style="margin-top:2px;border-radius:4px;float: right;font-size: 14px;color: rgb(134,198,234);background-color: #dfe5e9;width: 50px;text-align: center">
                <span style="font-size:12px">
                <?php 
                if(0 == $project->status)
                {
                echo '未开始';
                }
                else if(1 == $project->status)
                {
                echo '招募中';
                }
                else if(2 == $project->status)
                {
                echo '已过期';
                }
                ?>
                </span>
            </div>
        </div>

        <img src="
        <?= Html::encode($project->avatar) ?>
        " style="width: 100%;border-radius: 4px">
        <!--概括component-->
        <div style="width: 100%;height: 40px;background-color: #99d3ef;">
            <div style="float: left;background-color: #55B6E4;width: 2%;height: 40px"></div>
            <div style="float: left;padding-top: 8px;margin-left: 10px">
                <span style="font-size: 16px">description</span></div>
        </div>

        <div style="margin-top: 10px;margin-bottom: 10px">
            <?= Html::encode($project->description) ?>
        </div>


    </div>
    <div style="clear: both">&nbsp;</div>
</div>
<div style="width: 100%;clear: both"></div>

</div>
<div style="width: 100%;clear:both"></div>
<!--<footer style="background-color: #FFFFFF;height: 100px;width: 100%;margin-bottom: 20px">-->
<!--    <img src="img/logo-06.png" class="layoutLogo"-->
<!--         style="float: left;margin-left: 5%;margin-top:12px;margin-right: 30px">-->
<!--    <ul class="footUl">-->
<!--        <li><a href="#">商务合作</a></li>-->
<!--        <li><a href="#">常见问题</a></li>-->
<!--        <li><a href="#">关于我们</a></li>-->
<!--        <li><a href="#">业务规划</a></li>-->
<!--        <li><a href="#">联系我们</a></li>-->
<!--        <li><a href="#">免责声明</a></li>-->
<!--    </ul>-->
<!--    <img src="img/erweima.jpg" style="width: 80px;float: right;margin-right: 5%;margin-top:18px">-->
<!--</footer>-->
</body>
<script src="js/index.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<!--<script src="js/chinaz.js"></script>-->
<script src="js/amazeui.swiper.min.js"></script>
<!--<script src="js/slick.min.js"></script>
-->
<!--<script src="assets/js/app.js"></script>
-->
</html>
<script>
    $('.context-Right').css('min-height', $('.context-Left').height());
</script>